<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>实创网络协会</title>
    <style>
        .bg1{
		    float:left;
			background-color:pink;
		    font-size:30px;
			color:red; 
	     	width:800px;
            height:100px; 		 
	    }
		.bg2{
		    background-color:blue;
            font-size:30px;
            color:red; 
            padding:2px auto;
            margin:2px auto;
            width:800px;
            height:150px;			
	    }
		.clear{
			  clear:both;
		}
		.bg3{
	        height:100px;	
		}
		#bga{
		    font-size:40px;
			color:red;
		}
		.bg4{
		    clear:both;
		}
    </style>
</head>
<body>
    <div class="bg1">每一个优秀的人都有一段沉默的时光，在这段时光里，不抱怨，不诉苦，
	                 度过那段感动自己的时光。</div>
<!--    <br clear="all">
	<div class="bg2">江西理工大学应用科学学院。黄金校区。。客家大道。</div>  -->
<!--	<div class="clear"></div>
	<div class="bg2">清除浮动的一种方法是在浮动元素后面加上 br clear 错="al错l"</div>-->
<!--	<div class="bg3"></div>
	<div class="bg2">清除浮动的一种方法是在浮动元素后面加上一个空的div，并且,
	                 定义这个div为clear:both;</div>-->
<!--	<div style="float:right;background-color:pink;font-size:30px;color:red;width:800px;height:100px;">
	jiangxiligongdauxeyingyongkeuxe xueyuan <div>-->
	<div class="bg4"></div>
	<div id="bga">如果这个世界上有救世主，那么，他一定是很忙，因为这个世界上有太多的人
	              需要救助，所以，你要做的是将自己打造成最能让他省心的人，
				  这样，或许，他会考虑帮你一把。</div>
	

</body>
</html>